<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="/js/plugin/layui-v2.3.0/layui/css/layui.css">
	<link rel="stylesheet" href="/css/reset.css">
	<link rel="stylesheet" href="/css/index.css">
	<link rel="stylesheet" href="/css/project_set.css">
	<script src="/js/jquery-2.1.1.min.js"></script>
	<script src="/js/plugin/layui-v2.3.0/layui/layui.js"></script>
</head>
<style>
/* 	::-webkit-scrollbar-thumb {
  background:#a2a2a2; 
  border-radius: 10px;
  height:50%;
}
::-webkit-scrollbar{width:6px;}
body{
	overflow-y: scroll;
}  */
body{
	height: auto;
}
</style>
<body>
<form action="">
	<div class="kb-title" style="margin-left: 30px; margin-right: 30px; border: none;"><span class="header-title">合同审批</span></div>
	<div class="hint-frame flex-start" style="margin-left: 30px; margin-right: 30px;">
		<img src="/images/icon/hint.png" alt="hint"><span>请填写审批资料</span>
	</div>
	<div style="width: 100%; height: 100%; position: relative;">
		<div class="kb-form-container" >
				<fieldset class="fieldset">
					<legend>合同概况<button class="layui-btn layui-btn-radius layui-btn-normal f-right">查看合同详情</button></legend>
					<div>
						<div class="layui-row kb-form-66">
							<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 flex">
								<label>合同编号</label>
								<div  class="group-content">
									<span>343-20180702161358</span>
								</div>
							</div>
							<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 flex">
								<label>合同编号</label>
								<div class="group-content">
									<span>2018年07月02日 - 2019年01月01日</span>
								</div>
							</div>
						</div> 	
						<div class="layui-row kb-form-66">
							<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 flex">
								<label>合同编号</label>
								<div  class="group-content">
									<span>343-20180702161358</span>
								</div>
							</div>
							<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 flex">
								<label>合同编号</label>
								<div  class="group-content">
									<span>2018年07月02日 - 2019年01月01日</span>
								</div>
							</div>
						</div> 			
					</div>
				</fieldset>	
				<fieldset class="fieldset">	
					<legend>选择合同模板</legend>
					<div>
						<p style="padding: 10px 0px;">您当前没有合同模板，如果要使用请联系管理人员来创建合同模板</p>
					</div>
					<div style="margin-bottom: 15px;">
						<input type="radio" id="-1subscriptionsradio" value="-1"><label for="-1subscriptionsradio" style="margin-left: 5px;">不采用合同模板</label>
					</div>
				</fieldset>
				<fieldset class="fieldset">	
					<legend>补充协议</legend>
					<div class="flex mag-bot-20" >
						<span>是否有补充协议？</span>
						<div style="margin-left: 20px; margin-right: 15px;">
							<input type="radio" id="noFile" name="fileRadio" value="on"><label for="noFile" style="margin-left: 5px;">没有补充协议</label>
						</div>
						<div>
							<input type="radio" id="isFile" name="fileRadio" value="on"><label for="noFile" style="margin-left: 5px;">有补充协议</label>
						</div>
					</div>
				</fieldset>
				<fieldset class="fieldset">	
					<div class="layui-form-item">
						<span style="color: rgb(153, 153, 153); font-size: 12px; padding: 4px 0px 0px;">备注</span>
					    <div class="layui-input-block" style="margin-left: 0px;">
					      <textarea name="desc" placeholder="备注" class="layui-textarea"></textarea>
					    </div>
					</div>				
				</fieldset>		
				<fieldset class="fieldset">	
					<div class="layui-form-item">
						<span class="must-fill">*不通过原因</span>
					    <div class="layui-input-block" style="margin-left: 0px;">
					      <textarea name="desc" placeholder="备注" class="layui-textarea"></textarea>
					    </div>
					</div>				
				</fieldset>		
				<div >
					<div class="f-right"><button class="layui-btn layui-btn-normal btn-bg mag-bot-20 ">提交审批</button></div>
				</div>
				<div class="hide">
					<div class="f-right">
						<button class="layui-btn layui-btn-normal btn-bg mag-bot-20 ">通过</button>
						<button class="layui-btn layui-btn-normal btn-bg mag-bot-20 ">不通过</button>
					</div>
				</div>
		</div>
	</div>
</form>
</body>
<script>
$(function(){

	setHeight()
	layui.config({
	        base: '/js/plugin/layui-v2.3.0/layui/' //此处路径请自行处理, 可以使用绝对路径
	    }).extend({
	        formSelects: 'formSelects-v3'
	    }).use(['element',"layer","form",'formSelects'], function(){
			var layer=layui.layer,form = layui.form,formSelects = layui.formSelects;
			
			
			//监听提交
			  form.on('submit(formEmployee)', function(data){
			    return false;
			  });
			
		});
		function setHeight(){
	        var h = document.body.clientHeight*1;
	        console.log(h)
	        window.parent.test(h);
	    }
})

</script>
</html>